@media (min-width: 1700px) {
  .contact {
    height: 1600px;
  }
}

@media (max-width: 1350px) {
  .contact {
    height: 1200px;
  }
  .contact li a {
    font-size: 2rem;
  }
  .bottom {
    font-size: 1.1rem;
  }
}

@media (max-width: 1200px) {
  .contact {
    height: 1070px;
  }
  .contact li a {
    font-size: 1.6rem;
  }
  .bottom {
    font-size: 1rem;
  }
}

@media (max-width: 1080px) {
  .profile img {
    width: 28%;
  }
  .nickname {
    font-size: 1.3rem;
  }
  .nickname .name {
    font-size: 1.5rem;
  }
  .signature {
    font-size: 1.2rem;
  }
  .contact {
    height: 980px;
  }
  .contact li a {
    font-size: 1.6rem;
  }
}

@media (max-width: 992px) {
  .profile img {
    width: 23%;
  }
  .contact {
    height: 910px;
  }
  .contact li a {
    font-size: 1.4rem;
  }
}

@media (max-width: 830px) {
  .contact {
    height: 780px;
  }
  .contact li a {
    font-size: 1.2rem;
  }
}

@media (max-width: 768px) {
  .contact {
    height: 710px;
  }
}

@media (max-width: 670px) {
  .contact {
    height: 570px;
  }
}

@media (max-width: 500px) {
  .contact {
    height: 460px;
  }
}

@media (max-width: 410px) {
  .nickname {
    font-size: 1rem;
  }
  .nickname .name {
    font-size: 1.2rem;
  }
  .signature {
    font-size: 1rem;
  }
  .contact {
    height: 370px;
  }
  .contact li a {
    font-size: 1rem;
  }
}

@media (max-width: 350px) {
  .contact {
    height: 300px;
  }
  .contact li a {
    font-size: 0.9rem;
  }
}

@media (max-width: 300px) {
  .nickname {
    font-size: 0.8rem;
  }
  .nickname .name {
    font-size: 0.9rem;
  }
  .signature {
    font-size: 0.6rem;
  }
  .contact {
    height: 275px;
  }
  .contact li a {
    font-size: 0.8rem;
  }
  .bottom {
    font-size: 0.7rem;
  }
}

@media (max-width: 255px) {
  .nickname {
    font-size: 0.6rem;
  }
  .nickname .name {
    font-size: 0.7rem;
  }
  .signature {
    font-size: 1px;
  }
  .contact {
    height: 300px;
  }
  .contact li {
    padding: 0 3%;
  }
  .contact li a {
    font-size: 1px;
  }
  .bottom {
    font-size: 1px;
  }
}

@media (max-width: 200px) {
  .contact {
    height: 190px;
  }
}
